<template>
  <div class="attr-list">
    <el-collapse>
      <CommonAttr />
      <VideoEffectAttr />
      <MediaList />
      <BorderAttr />
    </el-collapse>
  </div>
</template>

<script>
import CommonAttr from '@/custom-component/common/CommonAttr.vue'
import VideoEffectAttr from '@/custom-component/common/VideoEffectAttr.vue'
import MediaList from '@/custom-component/VideoComponent/MediaList.vue'
import BorderAttr from '@/custom-component/common/BorderAttr.vue'

export default {
  name: 'VideoAttr',
  components: { BorderAttr, CommonAttr, VideoEffectAttr, MediaList },
}
</script>
